/*
 * (C) Copyright 2013 - Thales SA (author: Simon DENEL - Thales Research & Technology)
 *
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the GNU Lesser General Public License
 * (LGPL) version 2.1 which accompanies this distribution, and is available at
 * http://www.gnu.org/licenses/lgpl-2.1.html
 *
 * This library is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
*/

html {
	background-color:#353535;
}

body {
	margin:5px;
	margin-top:55px;
	background-color:rgba(255, 255, 255, 0.9);
	border:1px #505050 solid;
	padding:5px;
}

h2 {
	color:#404060;
	font-size:xx-large;
	text-align:center;
}

#timeline {
	border:1px black solid;
	background-color:white;
}

#bottom {
	margin:-5px;
	margin-top:5px;
	padding:0px;
	background-color:#202020;
	text-align:center;
	color:white;
	font-size:xx-small;
}

#bottom a, #bottom a:visited {
	color:white;
	/* text-decoration:none; */
}

.plusminus {
	margin:2px;
	margin-bottom:-2px;
	background-color:#F5F5FF;
	cursor:pointer;
	width:16px;
	height:16px;
}

.plusminus:hover {
	background-color:#D0D0FF;
}

.nameDevice {
	cursor:pointer;
	display:inline-block;
	padding-bottom:0px;
	margin-bottom:2px;
	border-bottom:1px black dotted;
}

h1 {
	margin-top:-60px;
	text-align:center;
	color:#F0F0F0;
}

.stream {
	background-color:#808080;/* #F5F5F5;*/
	display:block;
	margin:0px;
	margin-top:-18px;
	margin-bottom:-10px;
	height:40px;
}

#showInfos1 {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#353535;
	background-image:url('logo.png');
	z-index:3;
}

#showInfos2 {
	position:absolute;
	top:50px;
	left: 10%;
	width:80%;
	height:600px;
	padding:10px;
	background-color:white;
	z-index:3;
	border:2px #202020 solid;
	text-align:right;
}

#showInfos2 h2 {
	margin:0px;
	margin-top:-20px;
	color:#404060;
}

#showInfos2 table {
	margin:10px;
	border:1px black solid;
	text-align:left;
}

#showInfos2 .tdLeft {
	background-color:#E0E0FF;
	font-weight:bold;
}

#showInfos2 .tdRight {
	background-color:#F0F0FF;
}

#timelineStreams {
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	position:absolute;
	left:0px;
	left:0px;
	width:700px;
	height:300px;
	padding:0px;
	margin:0px;
	
}

#canvasBackground {
	position:absolute;
	padding:0px;
	margin:0px;
	left:0px;
	top:0px;
	background-color:transparent;
}

#menuTimeline {
	background-color:#000020;
	margin:0px;
	padding:0px;
	font-size:small;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align:center;
	padding-top:1px;
	
}

#menuTimeline li {
	border-left:1px solid #E0E0E0;
	border-right:1px solid #E0E0E0;
	display:inline;
	margin-left:10px;
	margin-right:10px;
	color:white;
	cursor:pointer;
	padding-left:3px;
	padding-right:3px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#menuTimeline li:hover {
	background-color:#505050;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#timelineTitles {
	background-color:#E5E5E5;
	display:inline-block;
	border-right:1px black solid;
	padding:5px;
	padding-top:30px;
	padding-bottom:40px;
	min-height:280px;
	background-image: linear-gradient(to right, #D0D0D0, white);
}

.task {
	cursor:pointer;
}

.taskDetails{
	margin:10px;
	border:1px black solid;
	text-align:left;
	background-color:#F5F5F5;
}

.taskDetails .tdLeft {
	background-color:#E0E0FF;
	font-weight:bold;
	padding:5px;
}

.taskDetails .tdRight {
	background-color:#F0F0FF;
	text-align:right;
	padding:5px;
}

#raw {
	background-color:#F0F0F0;
	border:1px #202020 solid;
	padding:10px;
	padding-left:10px;
}

#raw ul {
	margin:0px;
}

#raw table {
	border-collapse:collapse;
	font-size:small;
}

#raw table thead th{
	padding:5px;
}
#raw td {
	border:1px black solid;
	padding:4px;
	min-width:50px;
}

#raw .td1 {
	background-color:#E0E0E5;
}

#raw .td2 {
	background-color:#D0D0D5;
}
.sortable thead {
	cursor:pointer;
}

.taskInstance {
	cursor:pointer;
}

#console {
	background-color:#C0C0C0;
	border:1px #909090 solid;
	border-bottom:0px;
	border-top:0px;
	padding:5px;
	padding-bottom:1px;
	padding-top:1px;
}

#details {
	background-color:#F9F9F9;
	border:1px #909090 solid;
	padding:10px;
}

#taskInstanceName {
	position:absolute;
	left:0px;
	top:0px;
	background-color:rgba(240, 240, 255, 0.8);
	border:1px black solid;
	font-size:x-small;
	padding:5px;
	display:none;
}

#divZooming {
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	height:50px;
	cursor:pointer;
}

#date {
	margin:0px;
	margin-top:-13px;
	margin-bottom:-44px;
	padding:0px;
	font-size:xx-small;
	text-align:right;
	height:30px;
}
